// 创建用户相关的小仓库
import { defineStore } from 'pinia'
// 引入loginForm的类型
import type {
  loginFormData,
  loginResponseData,
  userInfoResponseData,
} from '@/api/user/type'
// 引入接口
import { reqLogin, reqLogout, reqUserInfo } from '@/api/user'

import { UserState } from '@/store/modules/types/type'

// 引入封装操作token的库
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from '@/utils/token'

// 引入路由（常量路由）
import { constantRoute, asyncRoute, anyRoute } from '@/router/routes'
// 引入深入深拷贝方法
// @ts-ignore
import cloneDeep from 'lodash/cloneDeep'

import router from '@/router'

// 用于过滤当前用户需要展示的异步路由
function filterAsyncRoute(asyncRoute: any, routes: any) {
  return asyncRoute.filter((item: any) => {
    // 如果后端返回的用户routes字段中包含asyncRoute的值，那么就取出来
    if (routes.includes(item.name)) {
      // 对异步路由进行递推过滤
      if (item.children && item.children.length > 0) {
        item.children = filterAsyncRoute(item.children, routes)
      }
      return true
    }
  })
}

// 这里我们采用选择式API的写法
let useUserStore = defineStore('User', {
  // 存放数据的地方
  state: (): UserState => {
    return {
      // 优先从本地存储读取用户唯一标识token
      token: GET_TOKEN(), // 用户唯一标识
      menuRoutes: constantRoute, //仓库存储生成菜单需要数组
      username: '',
      avatar: '',
      // 存储用户是否包含某个按钮
      buttons: []
    }
  },
  // 异步|逻辑的地方
  actions: {
    // async 和 await 关键字让我们可以用一种更简洁的方式写出基于 Promise 的异步行为，而无需刻意地链式调用 promise
    async userLogin(data: loginFormData) {
      let result: loginResponseData = await reqLogin(data)
      // 登录请求：成功200->token
      // 登录请求：失败201->登录失败的错误信息

      if (result.code == 200) {
        // 由于pinia存储token利用的是js对象(不是本地持久化的)
        this.token = result.data as string
        // 本地持久化存储一份
        // localStorage.setItem('TOKEN', result.data.token as string)
        SET_TOKEN(result.data as string)

        // 默认不带return,async函数返回为undefined，这里return 'ok'能保证async函数返回一个成功的Promise，
        return 'ok'
      } else {
        // 返回一个带有拒绝原因的 Promise 对象
        return Promise.reject(new Error(result.data))
      }
    },

    // 获取用户信息
    async userInfo() {
      // 获取用户的信息进行仓库存储，包括用户头像、用户名字
      let result: userInfoResponseData = await reqUserInfo()

      // 如果获取用户信息成功就存储下用户的信息
      if (result.code == 200) {
        this.username = result.data.name
        this.avatar = result.data.avatar
        this.buttons = result.data.buttons
        // 计算当前用户需要展示的异步路由
        let userAsyncRoute = filterAsyncRoute(
          cloneDeep(asyncRoute),
          result.data.routes,
        )
        // 菜单需要的数据整理完毕
        this.menuRoutes = [...constantRoute, ...userAsyncRoute, anyRoute]

          // 目前路由器管理的只有常量路由：用户计算完毕的异步路由和任意路由需要动态追加进去
          ;[...userAsyncRoute, anyRoute].forEach((route: any) => {
            router.addRoute(route)
          })
        // 打印当前用户全部的路由
        // console.log(`查看当前用户${this.username}的全部路由信息`,router.getRoutes());
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },

    // 退出登录回调
    async userLogout() {
      // 第一件事向服务器发请求【退出登录接口]，通知服务器本地用户唯一标识失效
      // 第二件事：仓库中关于用户相关的数据清空【token|username|avatar】
      // 第三件事：跳转到登录页面
      let result: any = await reqLogout()
      if (result.code == 200) {
        this.token = ''
        this.username = ''
        this.avatar = ''
        REMOVE_TOKEN()
        // 重置路由(恢复到初始状态)
        // 重置菜单权限（这里我们只需删除异步路由即可）
        let asyncRouteNameArr = asyncRoute.map((route) => route.name)
        asyncRouteNameArr.forEach((item: any) => {
          router.removeRoute(item) // 这里我们删除的是异步路由的父组件，当路由被删除时，所有的别名和子路由也会被同时删除
        })
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
  },
  getters: {},
})

// 对外暴露小仓库
export default useUserStore
